
<div id="head">
    <header>
        <div class="header">
            <div class="logo">
                <a href="/"><img src="{SITE_LOGO}" alt="{SITE_NAME}" style="max-height: 50px;"></a>
            </div>
            <div class="nav">
                <ul>
                    <li class="{if $indexc} on{/if}"><a href="/">HOME</a></li>
                    {category module=share pid=0 return=t}
                    <li class="{if IS_SHARE && $catid && in_array($catid, $t.catids)}on {/if}"><a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t.name, $language)}">{usu_fanyi($t.name, $language)}</a></li>
                    {/category}
                    <li class="menu-item">
                      <a href="javascript:;">{usu_fanyi('Language', $language)}</a>
                      <ul class="submenu">
                        <?php $duoyuyan=dr_site_value('duoyuyan');?>
                        <?php if ($duoyuyan) { $key=0; foreach ($duoyuyan as $v) { ?>
                        <li><a href="http://{$v[3]}{$_SERVER['REQUEST_URI']}" class="lang-a">{$v[1]}</a></li>
                        <?php  $key++; } } ?>
                      </ul>
                    </li>
                </ul>
            </div>
            <style>
                @media(min-width:586px){
                    .header{
                        
                        background: rgba(73, 73, 73, 0.6);
                    }
                    .main-menu {
                        list-style: none;
                        padding: 0;
                        display: flex;
                        gap: 20px;
                    }
                    .menu-item {
                        position: relative;
                    }

                    .menu-item ul li a{
                        color: #fff!important;
                        text-decoration: none;
                        padding: 5px 10px;
                    }
                    .submenu {
                        text-align: center;
                        margin-left: -40px;
                        display: none;
                        position: absolute;
                        top: 100%;
                        left: 0;
                        background: rgba(73, 73, 73, 0.6);
                        list-style: none;
                        padding: 10px;
                        border: 1px solid #ddd;
                    }
                    .menu-item :hover .lang-a :before{
                        background-color: #ddd;
                    }
                    .submenu li {
                        width: 130px;
                        margin-left: 0px!important;
                        margin-bottom: 5px;
                    }
                    .menu-item:hover .submenu {
                        display: block;
                    }
                    .banner-img{
                        max-height: 900px;
                    }
                }
            </style>
            <div class="myPhone">{usu_fanyi('Hot Line', $language)}: <b><a href="tel:{$dianhua}">{$dianhua}</a></b></div>
            <div class="btn-m-list"> <span></span> <span></span> <span></span> <span></span> </div>
        </div>
    </header>
    <div class="neirong neirong-hide">
        <div class="neirong-bd"> 
            <a href="/" class="neirong-on">{usu_fanyi('HOME', $language)}</a> 
            {category module=share pid=0 return=t}
            <a href="{dr_url_rel($t.url, SITE_URL)}" title="{usu_fanyi($t.name, $language)}">{usu_fanyi($t.name, $language)}</a> 
            {/category}
        </div>
        <div class="neirong-close"></div>
    </div>
</div>